@import "../../../../style/pc/red/theme";
.lexmis-Toggle{
	color:$-primary-color;
	position:relative;
	height:$-toggle-height;
	line-height:$-toggle-height;
	display:inline-block;
	border-radius:$-toggle-height / 2;
	font-size:12px;
	background:#ccc;
	cursor:pointer;
	transition:background $-form-widget-transition;
	vertical-align:middle;
	user-select:none;
	&.lexmis--disable{
		@include disable-mask;
	}
	&.lexmis--true{
		background:currentColor;
		>.lexmis_close{
			display:none;
		}
	}
	&.lexmis--false{
		>.lexmis_open{
			display:none;
		}
	}
	>.lexmis_but{
		position:absolute;
		top:2px;
		left:2px;
		width:$-toggle-height - 4;
		height:$-toggle-height - 4;
		border-radius:50%;
		background:#fff;
		transition:left $-form-widget-transition;
	}
	>.lexmis_open,>.lexmis_close{
		position:absolute;
		color:#fff;
	}
	>.lexmis_open{
		left:6px;
	}
	>.lexmis_close{
		right:6px;
	}
}
